<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>个人中心</title>
    <link rel="stylesheet" href="../css/aui.css">
    <link rel="stylesheet" type="text/css" href="../css/aui-flex.css" />
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../css/my_center.css">

    <script type="text/javascript" src="../js/base.js"></script>

    <style>
        @media screen and (max-width:321px){
            #duanwang{
                position:absolute;
                top:50%;
                left:50%;
                margin-top:2rem;
                margin-left: -86px
            }
            .daiFuKuan{
                margin-left:0.1rem;
            }
        }
        @media screen and (min-width:321px) and (max-width:376px){
            #duanwang{
                position:absolute;
                top:50%;
                left:50%;
                margin-top:1rem;
                margin-left: -86px
            }
            .daiFuKuan{
                margin-left:0.3rem;
            }

        }
        @media screen and (min-width:377px) and (max-width:415px){
            #duanwang{
                position:absolute;
                top:50%;
                left:50%;
                margin-top:1rem;
                margin-left: -86px
            }
            .daiFuKuan{
                margin-left:0.35rem;
            }
        }


    </style>
</head>
<body>
<!--<header class="aui-bar aui-bar-nav aui-bar-top">-->
    <!--<a class="aui-pull-left aui-btn" href="../index.html" >-->
        <!--<span class="aui-iconfont aui-icon-left"></span>-->
    <!--</a>-->
    <!--<div class="aui-title">个人中心</div>-->
<!--</header>-->
<section id="app" v-cloak>
    <div  v-if="userInfo.wx_images" style="height:5rem;background: #fff;margin-bottom: 0.5rem;position: relative">
        <div  style="width: 4rem;padding-left:0.5rem;">
            <img v-bind:src="userInfo.wx_images" class="aui-img-round" style="width:3.5rem;position: absolute;top:50%;margin-top:-1.75rem">
        </div>
        <div>
            <div class=" aui-font-size-18" style="width:7rem;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;;position: absolute;top:50%;left:20%;margin-top:-14px;margin-left: 0.8rem">{{userInfo.wx_name}}</div>
        </div>
        <div>
            <img src="../icon/1-3/erweima.png" class="aui-img-round" alt="" style="width:3.5rem;position:absolute;right:0.8rem;top:0.75rem"  @click="goErWeiMa()">
        </div>
    </div>
    <div  v-if="!userInfo.wx_images" style="height:5rem;background: #fff;margin-bottom: 0.5rem;position: relative">
        <div  style="width: 4rem;padding-left:0.5rem;">
            <img class="aui-img-round" src="../icon/userHead.png" alt=""  style="width:4rem;position: absolute;top:50%;margin-top:-2rem">
        </div>
        <div>
            <div class=" aui-font-size-18" style="width:6rem;position: absolute;top:50%;left:20%;margin-top:-14px;margin-left: 1.5rem;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;">昵称</div>
        </div>
        <div>
            <img src="../icon/1-3/erweima.png" class="aui-img-round" alt="" style="width:3.5rem;position:absolute;right:0.8rem;top:0.75rem"  @click="goErWeiMa()">
        </div>
    </div>

    <div  v-if="navigator && navigator.onLine === true" >
        <div  class="aui-grid aui-margin-b-10">
            <div class="titIndent">
                <div class="aui-pull-left aui-padded-l-10 aui-font-size-16">我的订单</div>
                <div class="aui-pull-right aui-padded-r-10"  @click="goNextPage('all') ">
                    <i class="aui-iconfont aui-icon-right" style="font-size:0.8rem"></i>
                </div>
            </div>
            <div style="clear: both"></div>
            <div style="width:94%;margin:0 3%;border-bottom: 1px solid #efefef"></div>
            <div class="aui-flex-col aui-text-center" style="height:4rem;">
                <div class="aui-col-xs-2 aui-margin-r-10 daiFuKuan" @click="goNextPage('unpayed') ">
                    <div class="centerTable aui-padded-l-5"><img src="../icon/1-3/dfkImg.png" alt=""></div>
                    <div class="aui-grid-label">待付款</div>
                </div>
                <div class="aui-col-xs-2 aui-margin-r-10" @click="goNextPage('unshipped')">
                    <div class="centerTable aui-padded-l-5"><img src="../icon/1-3/dfhImg.png" alt=""></div>
                    <div class="aui-grid-label">待发货</div>
                </div>
                <div class="aui-col-xs-2 aui-margin-r-10" @click="goNextPage('unchecked')">
                    <div class="centerTable aui-padded-l-5"><img src="../icon/1-3/dshImg.png" alt=""></div>
                    <div class="aui-grid-label">待收货</div>
                </div>
                <div class="aui-col-xs-2 aui-margin-r-10" @click="goNextPage('uncomment')">
                    <div class="centerTable aui-padded-l-5"><img src="../icon/1-3/dpjImg.png" alt=""></div>
                    <div class="aui-grid-label">待评价</div>
                </div>
                <div class="aui-col-xs-2 " @click="goAfterSale()">
                    <div class="centerTable aui-padded-l-5 "><img src="../icon/1-3/shouhou.png" alt=""></div>
                    <div class="aui-grid-label">退货/售后</div>
                </div>

            </div>
        </div>

        <div  class="aui-grid aui-margin-b-10">
            <div class="titIndent">
                <div class="aui-pull-left aui-padded-l-10 aui-font-size-16">我的服务</div>
            </div>
            <div style="width:94%;margin:0 3%;border-bottom: 1px solid #efefef"></div>
            <div class="aui-flex-col aui-flex-item-12" style="height:4rem">
                <div class="aui-col-xs-3 " @click="goDaiYan()">
                    <div class="centerTable aui-padded-l-5"><img src="../icon/1-3/daiyan.png" alt=""></div>
                    <div class="aui-grid-label">我的代言</div>
                </div>
                <div class="aui-col-xs-3 " @click="goCoupon()">
                    <div class="centerTable aui-padded-l-5"><img src="../icon/1-3/coupon.png" alt=""></div>
                    <div class="aui-grid-label">优惠券</div>
                </div>
                <div class="aui-col-xs-3" @click="goCollect()" >
                    <div class="centerTable aui-padded-l-5"><img src="../icon/1-3/shoucang.png" alt=""></div>
                    <div class="aui-grid-label">收藏</div>
                </div>
                <div class="aui-col-xs-3" @click="goAddress()">
                    <div class="centerTable aui-padded-l-5"><img src="../icon/1-3/map.png" alt=""></div>
                    <div class="aui-grid-label">收货地址</div>
                </div>
            </div>
        </div>
    </div>


    <div v-if="navigator && navigator.onLine === false"  @click="goOnLine()">
        <div style="position:absolute;top:30%;left:50%;margin-top:0rem;margin-left: -3rem">
            <img src="../icon/duanwang.png" alt="" style="width:6rem">
            <div class="aui-text-center">暂无网络</div>
        </div>

        <div id="duanwang"  class="aui-text-center textCol" >请连接网络后,点击刷新</div>
    </div>
</section>
<footer class="aui-bar aui-bar-tab" id="footer">
    <div class="aui-bar-tab-item"  >
        <i class="aui-iconfont aui-icon-home"></i>
        <div class="aui-bar-tab-label">首页</div>
    </div>
    <div class="aui-bar-tab-item ">
        <i class="aui-iconfont aui-icon-cart"></i>
        <div class="aui-bar-tab-label">购物车</div>
    </div>
    <div class="aui-bar-tab-item aui-active" >
        <i class="aui-iconfont aui-icon-my"></i>
        <div class="aui-bar-tab-label">个人中心</div>
    </div>
</footer>
<script type="text/javascript" src="../js/zepto.min.js"></script>
<script type="text/javascript" src="../js/vue.min.js"></script>
<script type="text/javascript" src="../js/api.js"></script>
<script type="text/javascript" src="../js/aui-tab.js"></script>
<script type="text/javascript" src="../js/aui-toast.js"></script>
<script type="text/javascript" src="../js/my_center.js"></script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="../js/weixin.js" ></script>

</body>
</html>